<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">
    <h:head>
		<h3>Images</h3>
		 <style type="text/css">
            .ui-galleria-panel-content table {
                margin:0 auto;
            }
        </style>
	</h:head>
	<h:body>
		<p:galleria value="#{galleriaBean.images}" var="image"
			panelWidth="1024" panelHeight="768" showCaption="true">
			<p:graphicImage value="#{image.path}" alt="#{image.alt}"
				title="#{image.desc}" />
		</p:galleria>
		
		<!-- p:galleria effect="fade" effectSpeed="1000">
		    <ui:repeat value="#{galleriaBean.images}" var="image">
		       <p:graphicImage value="#{image.path}" alt="#{image.alt}"
				title="#{image.desc}" />
		    </ui:repeat>
		</p:galleria-->
	</h:body>
</html>